{% extends 'base.html' %}

{% block head %}
<script type="text/javascript" src="{{theme_template('js/dashboard.js')}}"></script>
{% endblock %}

{% block subtitle %}
{{_("Active Connections")}}
{% endblock %}

{% block menu %}
<li class="selected">
    <a href="{{'dashboard'}}" title=""><img src="{{url_for('static', filename='img/head-menu-home.png')}}" alt="" /> {{_("Dashboard")}}</a>
</li>
<li>
    <a href="/queue" title=""><img src="{{url_for('static', filename='img/head-menu-queue.png')}}" alt="" /> {{_("Queue")}}</a>
</li>
<li>
    <a href="/collector" title=""><img src="{{url_for('static', filename='img/head-menu-collector.png')}}" alt="" /> {{_("Packages")}}</a>
</li>
<li>
    <a href="/files" title=""><img src="{{url_for('static', filename='img/head-menu-development.png')}}" alt="" /> {{_("Files")}}</a>
</li>
<!-- <li> -->
    <!-- <a href="/filemanager" title=""><img src="{{url_for('static', filename='img/head-menu-download.png')}}" alt="" /> {{_("File Manager")}}</a> -->
<!-- </li> -->
<li class="right">
    <a href="/logs" class="action index" accesskey="x" rel="nofollow"><img src="{{url_for('static', filename='img/head-menu-index.png')}}" alt="" />{{_("Logs")}}</a>
</li>
<li class="right">
    <a href="/settings" class="action index" accesskey="x" rel="nofollow"><img src="{{url_for('static', filename='img/head-menu-config.png')}}" alt="" />{{_("Settings")}}</a>
</li>
{% endblock %}

{% block content %}
<table width="100%" class="queue">
    <thead>
  <tr class="header">
    <th>{{_("Name")}}</th>
    <th>{{_("Status")}}</th>
    <th>{{_("Info")}}</th>
    <th>{{_("Size")}}</th>
    <th>{{_("Progress")}}</th>
  </tr>
    </thead>
  <tbody id="LinksAktiv">

  {% for link in content %}
  <tr id="link_{{ link.id }}">
    <td id="link_{{ link.id }}_name">{{ link.name }}</td>
    <td id="link_{{ link.id }}_status">{{ link.status }}</td>
    <td id="link_{{ link.id }}_info">{{ link.info }}</td>
    <td id="link_{{ link.id }}_bleft">{{ link.format_size }}</td>
    <td>
        <span id="link_{{ link.id }}_percent">{{ link.percent }}% /{{ link.bleft }}</span>
        <img id="link_{{ link.id }}_remove" style="vertical-align: middle; margin-right: -20px; margin-left: 5px; margin-top: -2px; cursor:pointer;" src="{{url_for('static', filename='img/control_cancel.png')}}"/>
    </td>
  </tr>
  <tr id="link_{{ link.id }}_pgb_tr">
    <td colspan="5">
        <div id="link_{{ link.id }}_pgb" class="progressBar" style="background-color: green; height:4px; width: {{ link.percent }}%;">&nbsp;</div>
    </td>
  </tr>
  {% endfor %}

  </tbody>
</table>
{% endblock %}